

<div class="col-sm-12 mt20" >
<div class="panel panel-default">
<div class="panel-body">
    <div class="col-sm-6" >
        <span class="label label-info col-sm-12">各地消费情况top10</span>
        <canvas id="bar" class="chart chart-bar" chart-data="data1" 
            chart-labels="labels1" chart-colors="colors1"></canvas>
    </div>
    <div class="col-sm-6" >
        <span class="label label-info col-sm-12">消费人群性别占比</span>
        <canvas id="pie" class="chart chart-pie" chart-data="data2" chart-options="options"
            chart-labels="labels2" chart-colors="colors2"></canvas>
    </div>
    <div class="col-sm-6 mt20" >
        <span class="label label-info col-sm-12">消费人群年龄占比</span>
        <canvas id="doughnut" class="chart chart-doughnut" chart-data="data3" chart-options="options1"
            chart-labels="labels3" chart-colors="colors3"></canvas>
    </div>
</div>
</div>
</div>



